<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" type="text/css" href="style.css">
    <link rel="stylesheet" type="text/css" href="header.css">
    <link rel="stylesheet" type="text/css" href="main-nav.css">
    <link rel="stylesheet" type="text/css" href="hykstyle.css">
    <link rel="stylesheet" type="text/css" href="serch.css">
    <link rel="stylesheet" type="text/css" href="add-top.css">

</head>
<body>
      <!-- #region 头部-->
      <div class="header">
        <div class="top-bar">
            <div class="w1200">餐饮加盟网(brand.cyt360.com)欢迎您的光临</div>
        </div>
        <div class="header-bar">
            <div class="w1200">
                <div class="logo-div">
                    <a href="#"><img src="images/logo.png"></a>
                </div>
                <div class="search-div">
                    <div class="search-box">
                        <div class="input-div">
                            <input type="text" placeholder="请输入查找内容">
                        </div>
                        <button class="searchButton">搜索</button>
                    </div>
                    <div class="hotSearch-div">热门搜索：<a href="#">火锅</a><a href="#">麻辣烫</a><a href="#">汉堡</a></div>
                </div>
                <div class="button-div">
                    <button class="toJoin-button">我要加盟</button>
                    <button class="enter-button">我要入驻</button>
                </div>
            </div>
        </div>
    </div>

    <!-- #region 头部主导航 -->
    <div class="main-nav">
        <div class="w1200 nav-a-box">
            <a href="#">首页</a>
            <a href="#">加盟</a>
            <a href="#">火锅加盟</a>
            <a href="#">中式快餐</a>
            <a href="#">火锅加盟</a>
            <a href="#">中式快餐</a>
            <a href="#">麻辣烫</a>
        </div>
    </div>
    <!-- #endregion -->


    <!-- 搜索页面的中间内容部分 -->
    <div class="serch-content wrap clear">
        <!-- 筛选条件 -->
        <div class="screen w1200">
            <!-- 餐饮分类 -->
            <div class="category-one">
                <p class="p1">餐饮分类</p>
                <p class="p2"><a href="" class="active"><span>不限</span></a></p>
                <p class="p3">
                    <a href=""><span>火锅</span></a>
                    <a href=""><span>奶茶</span></a>
                    <a href=""><span>火锅</span></a>
                    <a href=""><span>奶茶</span></a>
                    <a href=""><span>火锅</span></a>
                    <a href=""><span>奶茶</span></a>
                    <a href=""><span>火锅</span></a>
                    <a href=""><span>奶茶</span></a>
                    <a href=""><span>火锅</span></a>
                    <a href=""><span>奶茶</span></a>
                    <a href=""><span>火锅</span></a>
                    <a href=""><span>奶茶</span></a>
                    <a href=""><span>火锅</span></a>
                    <a href=""><span>奶茶</span></a>
                    <a href=""><span>火锅</span></a>
                    <a href=""><span>奶茶</span></a>
                </p>
            </div>

            <!-- 投资金额 -->
            <div class="category-one">
                <p class="p1">投资金额</p>
                <p class="p2"><a href="" class="active"><span>不限</span></a></p>
                <p class="p3">
                    <a href=""><span>1万以下</span></a>
                    <a href=""><span>1-10万</span></a>
                    <a href=""><span>10-20万</span></a>
                    <a href=""><span>20-50万</span></a>
                    <a href=""><span>55-100万</span></a>
                    <a href=""><span>100万以上</span></a>
                </p>
            </div>
            
            <!-- 投资金额 -->
            <div class="category-one">
                <p class="p1">加盟区域</p>
                <p class="p2"><a href="" class="active"><span>不限</span></a></p>
                <p class="p3">
                    <a href=""><span>重庆</span></a>
                    <a href=""><span>成都</span></a>
                    <a href=""><span>上海</span></a>
                    <a href=""><span>北京</span></a>
                    <a href=""><span>广州</span></a>
                    <a href=""><span>南京</span></a>
                </p>
            </div>
            
        </div>
        <!-- 主要内容部分 -->
        <div class="serch-main w1200 ">
            <!-- 左边商家列表部分 -->
            <div class="serch-main-left fl">
                <div class="Lcont_one ">
                    <!-- 列表部分 -->
                    <ul>
                        <li>
                            <div class="serch-main-left-imgbox fl">
                                <a href="">
                                    <img width="204" height="162" src="./image/serch/01.png" alt="">
                                </a>
                            </div>

                            <div class="serch-main-left-des fl">
                                <h2>穿行及成都老火锅</h2>
                                <div class="serch-main-left-title">
                                    <span class="red">老火锅</span>
                                    <span class="orange">小吃</span>
                                </div>

                                <dl>
                                    <dt>
                                        <em>公司名称：</em>
                                        <span>穿行及成都老火锅</span>
                                    </dt>

                                    <dd>
                                        <em>门店数量</em>
                                        <span>88家</span>
                                    </dd>
                                </dl>

                                <dl>
                                    <dt>
                                        <em>所属行业</em>
                                        <span>老火锅</span>
                                    </dt>
                                    <dd>
                                        <em>咨询人数</em>
                                        <span>8人</span>
                                    </dd>
                                </dl>

                                <p>川行记成都老火锅好不好？它为每一位顾客奉上健康安全的美食，给每一位顾客与众不同的就餐体验，川行记成都老火锅将用一种全新的方式，掀起火锅界的狂潮。</p>
                            </div>

                            <div class="serch-main-left-right fr">
                                <p class="p1">
                                    ￥
                                    <span>10-20</span>
                                    万
                                </p>
                                <p class="p2">
                                    <a href="">加盟咨询</a>
                                </p>
                            </div>
                        </li>
                    </ul>

                    <ul>
                        <li>
                            <div class="serch-main-left-imgbox fl">
                                <a href="">
                                    <img width="204" height="162" src="./image/serch/01.png" alt="">
                                </a>
                            </div>

                            <div class="serch-main-left-des fl">
                                <h2>穿行及成都老火锅</h2>
                                <div class="serch-main-left-title">
                                    <span class="red">老火锅</span>
                                    <span class="orange">小吃</span>
                                </div>

                                <dl>
                                    <dt>
                                        <em>公司名称：</em>
                                        <span>穿行及成都老火锅</span>
                                    </dt>

                                    <dd>
                                        <em>门店数量</em>
                                        <span>88家</span>
                                    </dd>
                                </dl>

                                <dl>
                                    <dt>
                                        <em>所属行业</em>
                                        <span>老火锅</span>
                                    </dt>
                                    <dd>
                                        <em>咨询人数</em>
                                        <span>8人</span>
                                    </dd>
                                </dl>

                                <p>川行记成都老火锅好不好？它为每一位顾客奉上健康安全的美食，给每一位顾客与众不同的就餐体验，川行记成都老火锅将用一种全新的方式，掀起火锅界的狂潮。</p>
                            </div>

                            <div class="serch-main-left-right fr">
                                <p class="p1">
                                    ￥
                                    <span>10-20</span>
                                    万
                                </p>
                                <p class="p2">
                                    <a href="">加盟咨询</a>
                                </p>
                            </div>
                        </li>
                    </ul>

                    <ul>
                        <li>
                            <div class="serch-main-left-imgbox fl">
                                <a href="">
                                    <img width="204" height="162" src="./image/serch/01.png" alt="">
                                </a>
                            </div>

                            <div class="serch-main-left-des fl">
                                <h2>穿行及成都老火锅</h2>
                                <div class="serch-main-left-title">
                                    <span class="red">老火锅</span>
                                    <span class="orange">小吃</span>
                                </div>

                                <dl>
                                    <dt>
                                        <em>公司名称：</em>
                                        <span>穿行及成都老火锅</span>
                                    </dt>

                                    <dd>
                                        <em>门店数量</em>
                                        <span>88家</span>
                                    </dd>
                                </dl>

                                <dl>
                                    <dt>
                                        <em>所属行业</em>
                                        <span>老火锅</span>
                                    </dt>
                                    <dd>
                                        <em>咨询人数</em>
                                        <span>8人</span>
                                    </dd>
                                </dl>

                                <p>川行记成都老火锅好不好？它为每一位顾客奉上健康安全的美食，给每一位顾客与众不同的就餐体验，川行记成都老火锅将用一种全新的方式，掀起火锅界的狂潮。</p>
                            </div>

                            <div class="serch-main-left-right fr">
                                <p class="p1">
                                    ￥
                                    <span>10-20</span>
                                    万
                                </p>
                                <p class="p2">
                                    <a href="">加盟咨询</a>
                                </p>
                            </div>
                        </li>
                    </ul>

                    <!-- 分页部分 -->
                    <div class="serch-pagination">
                        <div style="margin: 0 auto;">
                            <a href="" class="main-pages">首页</a>
                            <a href="" class="turn-pages">上一页</a>
                           
                            <a href="" class="pages-selected">1</a>
                            <a href="">2</a>
                            <a href="">2</a>
                            <a href="">2</a>
                            <a href="">2</a>
                            <a href="">2</a>
                            <a href="">2</a>
                            <a href="">2</a>
                            <a href="">2</a>
                            <a href="">2</a>
                            <a href="" class="turn-pages">下一页</a>
                            <a href="" class="main-pages">末页</a>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 右边推荐部分 -->
            <div class="serch-main-right fr">
                <div class="Rcont-one">
                    <h3>
                        <i class="iconfont icon-title"></i>
                        <span>推荐品牌</span>
                    </h3>
                    <ul>
                        <li>
                        <p class="p1">
                            <a href="">
                                <img src="./image/serch/02.jpg" alt="">
                            </a>
                        </p>
                        <p class="p2">
                            <a href="">宽窄巷子串串香</a>
                        </p>
                        <p class="p3">
                            <em>投资金额：</em>
                            <span>10-20万</span>
                            <a href="">加盟咨询</a>
                        </p>
                        </li>

                        <li>
                            <p class="p1">
                                <a href="">
                                    <img src="./image/serch/02.jpg" alt="">
                                </a>
                            </p>
                            <p class="p2">
                                <a href="">宽窄巷子串串香</a>
                            </p>
                            <p class="p3">
                                <em>投资金额：</em>
                                <span>10-20万</span>
                                <a href="">加盟咨询</a>
                            </p>
                        </li>
                        
                        <li>
                            <p class="p1">
                                <a href="">
                                    <img src="./image/serch/02.jpg" alt="">
                                </a>
                            </p>
                            <p class="p2">
                                <a href="">宽窄巷子串串香</a>
                            </p>
                            <p class="p3">
                                <em>投资金额：</em>
                                <span>10-20万</span>
                                <a href="">加盟咨询</a>
                            </p>
                        </li>

                    </ul>
                </div>
            </div>
        </div>
    </div>

    <!-- 底部 -->
    <div class="footer">
        <div class="footer-top">
            <div class="footer-left">
                <div class="footer-content">
                    <div class="footer-title">用户服务</div>
                    <a href="#" class="sub-title">用户服务</a>
                    <a href="#" class="sub-title">使用前必读</a>
                    <a href="#" class="sub-title">隐私协议</a>
                </div>
                <div class="footer-content">
                    <div class="footer-title">商家服务</div>
                    <a href="#" class="sub-title">品牌入住</a>
                    <a href="#" class="sub-title">会员权益</a>
                    
                </div>
                <div class="footer-content">
                    <div class="footer-title">关于加盟星</div>
                    <a href="#" class="sub-title">平台介绍</a>
                    <a href="#" class="sub-title">官方微博</a>
                    <a href="#" class="sub-title">官方百科</a>
                    <a href="#" class="sub-title">建议反馈</a>

                </div>
                <div class="footer-content">
                    <div class="footer-title">友情链接</div>
                    <a href="#" class="sub-title">爱企查</a>
                    <a href="#" class="sub-title">爱采购</a>
                    <a href="#" class="sub-title">出海易</a>
                    <a href="#" class="sub-title">企业推广</a>

                </div>
              
            </div>
            <div class="footer-right"> 
                <div class="footer-box">
                    <div class="footer-img-one"></div>
                    <p class="footer-imgname">微信公共号</p>
                </div>
                <div class="footer-box">
                    <div class="footer-img-two"></div>
                    <p class="footer-imgname">小助手微信号</p>
                </div>
               
            </div>
        </div>
        <div class="footer-bottom">
            <div class="footer-bottom-box">
                <a href="">京ICP证xxxxxxxxxxx号</a>
                <a href="">京公网安备xxxxxxxxxxxx号</a>
                <p class="footer-bottom-tips">加盟有风险，投资需谨慎</p>
            </div>
        </div>
    </div>

    <script type="text/javascript" src="carousel.js"></script>
    <script type="text/javascript" src="main-nav.js"></script>
    
</body>
</html>